<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui">
<f:view locale="#{language.locale}"/>
<h:head>
    <title>Twitter :: <h:outputText value="#{msg.home}"/></title>
    <h:outputStylesheet library="css" name="site.css"/>
</h:head>
<h:body>
    <div id="header">
	<div id="center">
            <ul class="nav_bar">
                <li><h:link value="#{msg.home}" outcome="index"/></li>
                <li>@ <h:outputText value="#{msg.connect}"/></li>
                <li># <h:outputText value="#{msg.discover}"/></li>
            </ul>
            <h:form id="searchForm">
                <p:inputText id="searchBox" value=""/>
                <p:watermark for="searchBox" value="#{msg.search}"/> 
            </h:form>
            <h:form id="languageForm">
                <p:selectOneMenu value="#{language.selected}">
                    <f:selectItems value="#{language.languages}"/>
                </p:selectOneMenu>
                <h:commandLink action="#{language.changeLang()}" value="#{msg.change_lang}" class="changeLangMsg"/>
            </h:form>
	</div>
    </div>
    <div id="content">	
        <div id="profile">
            <p:panel>
                
            </p:panel>
        </div>
        <div id="left">
            
        </div>
        <div id="right">
            <p:panel header="Tweets">
                <p:dataTable emptyMessage="#{msg.no_tweet}">
                </p:dataTable>
            </p:panel>
        </div>
    </div>
</h:body>
</html>